<template>
  <div class="wf x wn zb h120px ">
    <div
      class="hf w120px nbx"
      style="background-image: url(/favicon.ico); background-repeat:no-repeat; background-size:100% 100%;"
    ></div>
    <div class="w1080px hf y">
      <div class="h60px"></div>
      <el-menu
        :default-active="activeIndex"
        class="el-menu-demo"
        mode="horizontal"
        @select="handleSelect"
      >
        <el-menu-item index="/">Home</el-menu-item>
        <el-submenu index="2">
          <template slot="title">Nav</template>
          <el-menu-item index="3">拼车出行</el-menu-item>
          <el-menu-item index="4">拼车半日游</el-menu-item>
          <el-menu-item index="5">拼车一日游</el-menu-item>
          <el-menu-item index="6">景点门票</el-menu-item>
          <el-menu-item index="7">特色餐饮</el-menu-item>
          <el-menu-item index="8">精选酒店</el-menu-item>
          <el-menu-item index="9">优质民宿</el-menu-item>
          <el-menu-item index="10">玩转旅途</el-menu-item>
          <el-menu-item index="11">跳蚤集市</el-menu-item>
        </el-submenu>
        <el-menu-item index="search">Search</el-menu-item>
        <el-menu-item index="a4">
          contact
        </el-menu-item>
      </el-menu>
    </div>
    <div class="nbx w120px sbss" @click="handleSelect('/admin')" style="line-height: 180px;">用户登录</div>
  </div>
</template>
<script>
// import name from "./name";
export default {
  // components: { name},
  // props: [],
  data() {
    return {
      activeIndex: "/"
    };
  },
  // computed() {return{}},
  created() {},
  methods: {
    handleSelect(a, b, c) {
      this.$emit("topEvent", a);
    }
  }
};
</script>

<style lang="less" scoped>
</style>
